<!DOCTYPE html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>人工智能助理</title>
    <!-- plugins:css -->
    <link rel="stylesheet" href="/static/chat/assets/vendors/mdi/css/materialdesignicons.min.css">
    <link rel="stylesheet" href="/static/chat/assets/vendors/css/vendor.bundle.base.css">
    <!-- endinject -->
    <!-- Plugin css for this page -->
    <!-- End plugin css for this page -->
    <!-- inject:css -->
    <!-- endinject -->
    <!-- Layout styles -->
    <link rel="stylesheet" href="/static/chat/assets/css/style.css">
    <link rel="stylesheet" href="/static/chat/assets/css/jquery-confirm.css">

    <link rel="stylesheet" href="/static/chat/css/index.css">
    <!-- End layout styles -->
    <link rel="shortcut icon" href="/static/chat/assets/images/favicon.ico" />
  </head>
  <body>
    <div class="container-scroller">
      <!-- partial:partials/_navbar.html -->
      <nav style="overflow-y: auto !important;" class="navbar default-layout-navbar col-lg-12 col-12 p-0 fixed-top d-flex flex-row s-nav-top">
        <div class="text-center navbar-brand-wrapper d-flex align-items-center justify-content-center">
          <a class="navbar-brand brand-logo" href="/"><img src="{$agent['user_logo']}" alt="logo" /></a>
          <a class="navbar-brand brand-logo-mini" href="/"><img src="{$agent['user_logo']}" alt="logo" /></a>
        </div>
        <div class="navbar-menu-wrapper d-flex align-items-stretch">
          <ul class="navbar-nav navbar-nav-right">
           
           
        
            <!-- <li class="nav-item nav-logout d-none d-lg-block">
              <a class="nav-link" href="#">
                <i class="mdi mdi-power"></i>
              </a>
            </li>
            <li class="nav-item nav-settings d-none d-lg-block">
              <a class="nav-link" href="#">
                <i class="mdi mdi-format-line-spacing"></i>
              </a>
            </li> -->
          </ul>
          <button class="navbar-toggler navbar-toggler-right d-lg-none align-self-center" type="button" data-toggle="offcanvas">
            <span class="mdi mdi-menu"></span>
          </button>
        
        </div>
      </nav>
      <!-- partial -->
      <div class="container-fluid page-body-wrapper">
        <!-- partial:partials/_sidebar.html -->
        <nav class="sidebar sidebar-offcanvas" id="sidebar">
          <ul class="nav">
            <li class="nav-item s-m20">
              <button class="add s-btn btn btn-gradient-primary font-weight-bold todo-list-add-btn" id="add-task">新建会话</button>
            </li>
            <li class="nav-item s-search">
              <div class="search-field d-none d-md-block">
                <form class="d-flex align-items-center h-100" action="#">
                  <div class="input-group">
                    <div class="input-group-prepend bg-transparent">
                      <i class="input-group-text border-0 mdi mdi-magnify"></i>
                    </div>
                    <input type="text" id="search-input" class="s-ml-10 form-control bg-transparent border-0" placeholder="搜索历史记录">
                  </div>
                </form>
              </div>
            </li>
            <div class="s-question" id="question">
        
            </div>
           
           
          </ul>
        </nav>
        <!-- partial -->
        <div style="background-color: #f2edf3;display: flex;align-items: center;justify-content: center;flex-direction: column;" class="main-panel">
          <div class="main-panel" style="display: flex;align-items: center;justify-content: center;flex-direction: column;">
          <div class="content-wrapper"  style="max-width: 900px;">
            <!-- 自我介绍 -->
            <div id="intro" class="row s-row-center scroll2">
              <div class="col-md-10 stretch-card grid-margin">
                <div class="smr-10">
                  <img src="/static/chat/assets/images/robot.png" class="s-avatar" alt="circle-image" />
                
              </div>
                <div class="s-card card-img-holder text-white">
                  <div class="card-body s-font-color">
                    <div class="card-title">
                      <h3>你好，</h3>
                      <h3>我是您的人工智能助理Alice ！</h3>
                      <p class="s-font-color-2">作为一个人工智能语言模型，我可以回答你的问题，为你提供有用信息，帮助你完成创作。</p>
                      <div class="s-card-blue">
                        <p class="s-font-blue">友情提醒</p>
                        <p class="s-font-tip">请提问时遵循国家法律法规，一切产生的不良后果自行承担。</p> </div>
                    </div>
                   
               </div>
                </div>
              </div>

              <div class="gap2"></div>
             
            </div>
           
<div id="dialogue" class="scroll">
           

          </div>
          <div class="gap-block"></div>
           

            
           
       
          </div>
          <!-- content-wrapper ends -->
          <!-- partial:partials/_footer.html -->
          <input id="isValid" class="s-hidden" type="text" value="{$verify}">
          <footer id="footer" class="footer"  style="max-width: 900px;">
           
            <div class="row s-row-center">
              <div class="col-md-10 s-mb14 stretch-card grid-margin">
                <div class="smr-10 s-visible-no">
                  <img src="/static/chat/assets/images/user.png" class="s-avatar" alt="circle-image" />
              </div>
                <div class="s-card-transparent card-img-holder text-white">
                  <div class="card-body s-font-color s-pad-0">
                    <div id="topic" class="">
                    <div class="s-title">
                      选择以下话题，快速与我对话：
                    </div>

                    <div id="question1"></div>
                  </div>
                    <!-- 对话框 -->
                    <div class="s-rela">
                    <div id="temp" class="s-temp s-show-no"></div>
                    <textarea placeholder="请输入问题" class="form-control s-input" id="input-question" rows="2"></textarea>
                    <span id="send-btn" class="s-send page-title-icon bg-gradient-primary text-white me-2">
                      <i class="mdi mdi-send s-send-icon"></i>
                    </span>
                  </div>
               </div>
                </div>
              </div>
             
            </div>
          
          </footer>
          <!-- partial -->
        </div>
      </div>
        <!-- main-panel ends -->
      </div>
      <!-- page-body-wrapper ends -->
    </div>
    <!-- container-scroller -->
    <!-- plugins:js -->
    <script src="/static/chat/assets/vendors/js/vendor.bundle.base.js"></script>
    <!-- endinject -->
    <!-- Plugin js for this page -->
    <script src="/static/chat/assets/js/jquery.cookie.js" type="text/javascript"></script>
    <!-- End plugin js for this page -->
    <!-- inject:js -->
    <script src="/static/chat/assets/js/off-canvas.js"></script>
    <script src="/static/chat/assets/js/hoverable-collapse.js"></script>
    <script src="/static/chat/assets/js/misc.js"></script>
    <!-- endinject -->
    <!-- Custom js for this page -->
    <script src="/static/chat/assets/js/dashboard.js"></script>
    <script src="/static/chat/assets/js/jQuery.js"></script>
    <!-- End custom js for this page -->

    <!-- copy -->
    <script src="/static/chat/assets/js/clipboard.min.js" type="text/javascript"></script>

    <!-- 弹窗 -->
    <script src="/static/chat/assets/js/jquery-confirm.js" type="text/javascript"></script>
    <script src="/static/chat/assets/js/tip.js" type="text/javascript"></script>

   
    <script src="/static/chat/util/index.js"></script>
  </body>
</html>